﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>jQEditor Demo IE=EmulateIE7</title>
<link rel="stylesheet" type="text/css" href="./skins/skin_base.css" />
<style>
.hidden{display:none;}
.jqeditor {width:700px; display:none;}
</style>
</head>
<body>
<div style="width:800px;margin:auto;">
<div style="height:100px;"></div>
<h3>jQEditor Demo</h3>
<form onsubmit="return check(this)">

<div id="demo" class="jqeditor">
	<div style="height:32px;">
		<div class="jqe-toolbar"></div>
	</div>
	<div class="jqe-content"></div>
</div>

<textarea name="content" id="content" style="width:700px; height:200px;">
<p align="center"><font size="6">欢迎试用jQEditor</font></p>
<h2>一、代码改进</h2>
<p>1、代码结构更加清晰</p>
<p>2、更加容易维护</p>
<p>3、更加容易扩展新功能</p>
<h2>二、功能改进</h2>
<p>1、完善：更好地兼容不同浏览器</p>
<p>2、完善：强化表格功能，可以添加删除表格标题行、表格名称、操作表格的行和列以及单元格等等</p>
<p>3、增加：友好的提示信息，如点击不可用按钮时，会在工具栏下面出现提示信息&nbsp;<span style="color: rgb(255, 0, 0); ">new</span></p>
<p>4、增加：在Chrome、Firefox浏览器支持粘帖剪切板图片到编辑器（需服务端支持）<font color="#ff0000">new</font></p>
<p>5、增加：在Chrome、Firefox浏览器支持拖拽本机图片到编辑器（需服务端支持）<span style="color: rgb(255, 0, 0); ">new</span></p>
<p>6、修改：调整编辑器高度的功能在Chrome下出现页面抖动的情况</p>
<p>7、修改：菜单在Chrome下定位不准确的情况</p>
<p>8、增加：针对表格操作的快捷菜单，点击表格单元格即可查看效果&nbsp;<span style="color: rgb(255, 0, 0); ">new</span></p>
<p>2011-08-14</p>
<p>
9、增加了ESC快捷键，用于取消操作；
   当光标处于链接、标题、加粗、斜体、下划线等字体范围时，
   按ESC快捷键可以取消。
</p>
<p>
10、H1图标按钮修改为“一级标题”，html图标按钮修改为“源代码”；
</p>
<p>
11、修正了内链快捷键不灵敏度问题；
</p>
<p>
12、完善了插入代码插件，如插入"&amp;lt;iframe&amp;nbsp;...&amp;gt;&amp;lt;/iframe&amp;gt;"到编辑器时，
   显示“&amp;lt;iframe&amp;nbsp;...&amp;gt;&amp;lt;/iframe&amp;gt;”而不是变成插入一个窗口
</p>
<p>
13、增加了内链快捷键“ESC”；
   目前的内链快捷键是“Ctrl + Q”，是不够便捷，
   一直想找一个“一键内链”键盘按键，
   最终选择了键盘左上角的“ESC”按键
</p>
<p>
2011-08-16<br>
14、修改：选择的字符超过40时自动禁用标题按钮；<br>
15、修正：当标题多行时，标题快捷菜单定位不准确；<br>
16、修正：源代码清空内容保存无效的问题；<br>
17、修改：取消对在标题处按回车键的事件控制，
   修改后，在标题上按回车键将按浏览器的默认行为处理；
</p>
<table border="1" bordercolor="#cccccc" cellpadding="5" width="90%">
<tbody>
<tr>
<th>标题</th>
<th>标题</th>
<th>标题</th>
</tr>
<tr>
<td>右键点击此处</td>
<td>会看到</td>
<td>表格右键菜单</td>
</tr>
<tr>
<td>左键点击此处</td>
<td>会看到</td>
<td>表格快捷菜单</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

<p><img src="http://a4.att.hudong.com/75/51/19300000430788129263518535407_950.jpg" /></p>
<h2>三、正在进行中的...</h2>
<p>1、开发参考资料插件</p>
<h2>四、最后</h2>
<p>1、如果用的爽，不要奇怪，因为技术哥们倾注了很多心血在里面。</p>
<p>2、如果遇到了bug，也不要奇怪，因为jQEditor还在不断完善中。</p>
<p>3、如有问题或建议请联系: panxuepeng@hudong.com</p>
<p>&nbsp;</p>
</textarea>
<br />
<input type="submit" value=" 提 交 "/>
<input type="button" value=" 加载编辑器 " onclick="loadjQEditor()"/>
</form>

</div>

<script src="./lib/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="" type="text/javascript"></script>
<script>
function check(form){
	var content = jQEditor.getHTML('demo');
	alert(content);
	return false;
}

function loadjQEditor(){
	$(".jqeditor").show();
	$("textarea").hide();
	$(".jqe-content").html('正在加载 jQEditor ...');
	
	setTimeout(function(){
		$.getScript('./min/jqeditor-default-1.2.0.min.js', function(){
			$.editor({
				id: 'demo',
				contentId: 'content',
				toolbar: 'baike.com'
			});
		});
	}, 2000);
}

//setTimeout(function(){loadjQEditor();}, 10000);
</script>
</body>
</html>
